
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录 - EOS链</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="stylesheet" href="/css/weui.min.css">
    <link rel="stylesheet" href="/css/jquery-weui.min.css">

    <style>
        body{

            background-image: linear-gradient(to bottom,#14EBE8,#23E1B9);
            background-position: top;
            background-repeat: repeat-x,no-repeat;
            /*background-image: url(\static\src\page_back.png);*/
        }
        .body_bg{
            width: 100%;
            background-image: url(/src/page_back.png);
            background-size: 100% 100%;
            position: fixed;
            height:100%;
            bottom: 0;
            z-index:-1;
        }


        .back{
            width: 100%;
            height: 100%;
            border : 0;
            background-color: rgba(0,0,0,0);
        }
        .logo{
            padding-bottom: 0px;
            height:85px;
            margin: 0 auto;
            text-align: center;
        }
        .logo img{
            margin-top: 10px;
            height:35px;
        }
        .logo p{
            margin-top: 5px;
            font-size: 12px;
            line-height: 10px;
        }
        .weui-cells{
            margin-top:10px;
            border-radius: 15px 15px 15px 15px;
            width:90%;
            margin: 0 auto;
            position:static;
            font-size: 16px;
            padding-bottom: 10px;
            z-index:1;
        }
        .icon_bg{
            float: right;
            height:35px;
            width:35px;
            background:url(/img/back.png) no-repeat;
            position: relative;
            bottom: 35px;
        }
        .weui-cells_b{
            margin-top:20px;
            height:15px;
            border-radius: 15px 15px 0px 0px;
            width:84%;
            margin: 0 auto;
            opacity:1;
            background-color: #D1FBFA;
        }
        .panel{

            border-radius: 15px 15px 0px 0px;
            width:85%;
            margin: 0 auto;
            background-color:rgba(209,251,250,0.4);

        }
        .panel .title{
            padding-top:20px;
            padding-left:20px;
            font-size: 16px;
            color:#fff;
        }
        .panel .content{
            color: #e1fffb;
            font-size:14px;
            padding-top:10px;
            padding-left:20px;
            padding-right:10px;
            font-weight: lighter;
        }
        .weui-cells p{
            text-align: center;
            color:#858585;
            margin-bottom: 10px;
        }
        .weui-cells p a{
            text-align: center;
            color:#858585;
            margin-bottom: 10px;
        }
        .weui-cell{
            position:static;
        }
        .weui-label{
            width:80px;
            text-align: center;
        }
        .weui-btn_primary{
            width:60%;
            border-radius:20px 20px 20px 20px;
            background-image: linear-gradient(to bottom right,#21E5C3,#21E5C3);
            height:40px;
            line-height: 40px;
            border:0;
            position:static;
        }
        .lable{
            padding-top: 10px;
            width:100%;
            text-align: center;
            font-size: 150%;
        }
        .line{
            width: 96.5%;
            height: 2px;
            background-image: linear-gradient(to bottom right,#F5F4F7,#F5F4F7);
            margin: 0 auto;
            margin-top:10px;
            margin-bottom:10px;
        }
        .weui-footer{
            position: absolute;
            bottom: 0;
            width: 100%;
            text-align: center;
        }
        .weui-vcode-img{
            height: 35px;
        }
        .weui-vcode-btn{
            margin-top: 10px;
            border:0.5px solid;
            border-radius:20px 20px 20px 20px;
            line-height: 25px;
            font-size: 13px;
            height : 28px;
            margin-right: 30px;
            color: #fff;
            background-color: #21E5C2;
        }
        input::-webkit-input-placeholder {
            color: #cbcdcd;/*d8d9d9*/
        }
        .weui-btn:after{
            width:auto;
            height:auto;
        }
        #login_2{
            margin-top: 20px;
            border:0.5px solid;
            border-radius:20px 20px 20px 20px;
            line-height: 25px;
            font-size: 18px;
            height : 40px;
            margin: 0 auto;
            border-width: 1.5px;
            background-color: rgba(255,255,255,0.2);
            border-color: #21E5C2;
            color:#21E5C2;
            width: 60%;
            text-align: center;
        }
        .body_bg{
            width: 100%;
            background-image: url(/img/page_back.png);
            background-size: 100% 100%;
            position: fixed;
            height:100%;
            bottom: 0;
            z-index:-1;
        }
    </style>
</head>
<body>





<div id="back" class="back">
    <br><br>
    <div class="weui-cells_b weui-cells_form">
    </div>
    <div class="weui-cells weui-cells_form">
        <div class="lable"><div class="logo">
            <img class="logo" src="/img/logo121.png"/>
            <p>EOS链糖果token 完全免费分发</p>
        </div>
        </div>


    <div class="weui-cells weui-cells_form">

        <div class="weui-cell" style="margin-top:10px;">
            <div class="weui-cell__hd"><label class="weui-label">手机号</label></div>
            <div class="weui-cell__bd">
                <input id="phone" class="weui-input" type="number"  placeholder="请输入手机号">
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">密&nbsp;&nbsp;&nbsp;码</label></div>
            <div class="weui-cell__bd">
                <input id="password" class="weui-input" type="password"  placeholder="请输入密码">
            </div>
        </div>
        <br>

        <a id="login" href="javascript:;" class="weui-btn weui-btn_primary">登&nbsp;&nbsp;&nbsp;录</a>
        <div class="line"></div>
        <p style="text-align: center;font-size: 14px">还没有账号请
            <br>
        </p>
        <p style="margin-bottom:-20px;">
            <button onclick="window.location.href='/signUp'" id="login_2" class="weui-vcode-btn">注&nbsp;&nbsp;&nbsp;册</button>
        </p>
        <img style="float: right" width="50px" src="/img/back.png"/>
    </div>
        <div class="body_bg" style="border: 0">

        </div>
</div>
    <div class="weui-footer weui-footer_fixed-bottom">
        <p class="weui-footer__text" style="color:#fff">Copyright © 2018 EOSLIAN.net</p>
        <p style="height: 10px"></p>
    </div>
<script src="/js/jquery.min.js"></script>
<script src="/js/jquery-weui.min.js"></script>
<script>
    var width = window.innerWidth;
    var height = window.innerHeight;
    $(".back").css("width",width);
    $(".back").css("height",height);
    $(document)
        .on('click', '#login', function() {
            var phone = $("#phone").val();
            var password = $("#password").val();
      		$("#login").text("登陆中..");
            $.ajax({
                url:'/authentication/mobile',
                type:'post',
                data: {
                    mobile:phone,
                    password:password
                },
                async : true, //默认为true 异步
                dataType: 'json',
                success:function(res){
                  console.log(res);
                    if(res.status == 0){
                        $.toptip('登录成功！', 2000, 'success');  //设置显示时间
                        setTimeout("this.location.href= '/'",1000);
                    }else{
                        $.toptip(res.data, 2000, 'warning');  //设置显示时间
                    }
                }
            });
        });
</script>
</body>
</html>
    <!--PBSnail-->